@charset "utf-8";
div,p,span,a,nav,input,select,ul,li,img{ margin:0; padding:0; outline: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body{ font-family:"Microsoft YaHei",Arial, Helvetica, "Helvetica Neue",  STHeiTi, sans-serif; margin: 0; padding: 0; margin: 0 auto; position: relative;}
img { border: 0;display: inline-block; max-width: 100%; vertical-align: middle;}
a{ text-decoration:none; color: #222; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s;}
a:hover{ color: #000; }
ul{ list-style: none; }
dl,ul,p{ -webkit-margin-before:0em; -webkit-margin-after:0em;}
input,select,textarea{-webkit-appearance: none; font-size: 14px; outline: none; color: #333; font-family:"Microsoft YaHei",Arial, Helvetica,"Helvetica Neue",  STHeiTi, sans-serif;}
body{ font-size: 14px; line-height: 24px; color: #333; background: #f9f9f9; }
body:before{content: ""; display: block; height: 1px; width: 100%;}
html,body{ height: 100%; }

.alic{ text-align: center;}
.alir{ text-align: right;}
.ovh{ overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.ptr{ position: relative;}
.bgcfff{ background: #fff;}
.wp100{ width: 100%;}
.ellipsis{white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.dsn{ display: none;}
.pta{ position: absolute;}
.green{ color: #36cd25; }
.ash{ color: #999; }
.red{ color: #ff3b30; }
.blue{ color: #3da8f5;}
.clearfix:after{ content: ""; display: block; clear: both; }

input::-webkit-input-placeholder { color: #ccc;}
textarea::-webkit-input-placeholder { color: #ccc;}


.btn{position: relative;display: block;font-size: 16px; text-align: center; color: #fff; line-height: 42px; background: #4C84FF; border-radius: 3px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 140px;}
.btn_rd21{ border-radius: 21px; }
.btn_rd30{ border-radius: 30px; }
.btn_lg{ line-height: 60px; }
.btn_sm{ line-height: 32px; font-size: 14px; }
.btn:hover{box-shadow:2px 0px 6px rgba(76,156,255,0.4); color: #fff;}

.errormsg{ position: absolute; font-size: 14px; color: #FF5256; line-height: 24px; padding-left: 20px; background: url(../images/icon_error.png) no-repeat left center; }


.content{ width: 1200px; margin: 0 auto; }
.botline{ text-align: center; color: #999; padding: 30px 0; }
.ctrol_error{ border-color: #FF5256; }

.topline{ position: fixed; left: 0; top: 0; height: 80px; z-index: 5; width: 100%; background: #fff;}
.topline .tlback,.topline .tltext{ display: none; }
.topline .tll{ font-size: 22px; line-height: 30px; color: #666; display: block; float: left; padding-top: 10px;  }
.topline .tlli{vertical-align: middle; margin-right: 10px;}
.topline .content{ height: 80px; }
.topline .navcont{ float: right; }
.topline .navls{ float: left; position: relative; height: 80px; padding: 0 20px; }
.topline .navls_link{ display: block; height: 60px; font-size: 16px; color: #666; line-height: 36px; padding-top: 22px; }
.topline .nav_dpmenu{ position: absolute; left: 0; width: 110px; top: 80px; background: #fff; padding:0; overflow: hidden; height: 0; opacity: 0; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; -moz-transition:all .3s; }
.topline .nav_dpmenua{ width: 100%; }
.topline .navls:hover .nav_dpmenu{ padding: 10px 0; height: auto; opacity: 1; }
.topline .subnavls{ display: block; line-height: 34px; padding-left: 20px; color: #666; }
.topline .subnavls:hover{ color: #4C84FF; background: #F6F6F6; }
.topline .nav_drop{ display: inline-block; vertical-align: middle; margin-left: 5px; height: 6px; width: 9px; background: url(../images/icon_drop.png) no-repeat left top; }
.topline .nav_new{}
.topline .navspa{ float: left; height: 60px; padding: 20px 25px 0;}
.topline .navvip{ display: block; width: 140px; height: 38px; font-size: 16px; line-height: 38px; text-align: center; border-radius: 20px; border:1px solid #4C84FF; color: #4C84FF; }
.topline .navvip:hover{ background: #4C84FF; color: #fff; }
.topline .navvipico{ display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-right: 8px; height: 19px; width: 21px; background: url(../images/icon_reg.png) no-repeat left bottom;}
.topline .navvip:hover .navvipico{ background-position: left top; }
.topline .navlsa{ border-left: 1px solid #eee; padding-right: 0; padding-left: 25px; }
.topline .navuli{ height: 36px; width: 36px; border-radius: 50%; margin-right: 10px; }
.topline .navls:hover .navls_link{ color: #4C84FF; }
.topline .navls:hover .nav_drop{ background-position: left bottom; }
.topline .nav_dropdown{ display: none; }


.formline{ padding: 20px 0 60px; }
.formline .fline{ position: relative; margin-bottom: 20px; padding-left:270px;  }
.formline .fline:after{ content: ""; display: block; clear: both; }
.formline .ado{ position: absolute; left: 0; top: 0; width: 260px; text-align: right; line-height: 40px;}
.formline .ctrol{ display: block; float: left; height: 40px; border:1px solid #E5E5E4; border-radius: 4px; width: 340px; padding-left: 10px; }
.formline .ctrol_error{ border-color: #FF5256; }
.formline .ctrol_select{ background: url(../images/arw_down01.png) no-repeat 98% center; background-size: 13px 7px; }
.formline .ador{ color: #FF5256; margin: 0 5px; }
.formline .fsp{ display: block; float: left; line-height: 40px; color: #ccc; text-align: center; width: 20px; }
.formline .ctrolwa{ width: 160px; }
.formline .flinebtn{ padding-top: 20px; }
.formline .fradios{overflow: hidden; padding-top: 8px;}
.formline .fcheck{ line-height: 24px; margin: 0 20px 10px 0; padding-left: 22px; position: relative; display: block; float: left; }
.formline .fcheck:before{ content: ""; display: block; position: absolute; left: 0; top: 3px; border-radius: 50%; border:1px solid #999; height: 16px; width: 16px; }
.formline .fcheck_ed:before{ border-color: #4C84FF; }
.formline .fcheck_ed:after{ content: ""; display: block; position: absolute; left: 4px; top: 7px; border-radius: 50%; height: 10px; width: 10px; background: #4C84FF; }
.formline .flinete{ line-height: 40px; }
.formline .flti{ color: #999; margin: 0 10px; }
.formline .flineflt{ line-height: 40px; padding: 0 10px; float: left; color: #999; }


.pop{ display: none; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.8); z-index: 9; opacity: 1; transition:all .2s; -webkit-transition:all .2s;}
.pop .pop_model{ width: 570px; position: absolute; left: 50%; top: 200px; margin-left: -285px; background: #fff; border-radius: 4px; opacity: 0; margin-top: -100px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; }
.pop_active .pop_model{ margin-top: 0; opacity: 1; }
.pop .pop_model_til{ border-radius: 4px 4px 0 0; background: #4C84FF; line-height: 50px; position: relative; padding-left: 20px; color: #fff; font-size:16px;  }
.pop .pop_model_close{ position: absolute; right: 0; top: 0; height: 50px; width: 50px; background: url(../images/icon_close.png) no-repeat center center; }
.pop .formline{}
.pop .fline{ padding-left: 158px; }
.pop .ado{ width: 145px; }
.pop .ctrol{ width: 380px; }
.pop .errormsg{ left: auto; right: 40px; top: 8px; }

.login{ background: url(../images/bg01.jpg) center center; position: relative; height: 100%; }
.login .cont{ border-radius:14px; position: absolute; left: 50%; top: 50%; width: 328px; height: 508px; margin: -300px 0 0 -500px; padding: 92px 80px 0 580px; background: url(../images/login_img.png) no-repeat 80px 100px #fff; }
.login .lgtil{ font-size: 30px; line-height: 42px; color: #666; padding-bottom: 10px; }
.login .lgline{ margin-top: 20px; border-bottom: 1px solid #d5d5d5; position: relative; padding-left: 40px; }
.login .lgico{ position: absolute; left: 0; top: 17px; }
.login .ctrol{ display: block; width: 100%; background: none; height: 60px; font-size: 16px; border:none; }
.login .lgbtn{ padding-top: 60px; }
.login .lgfor{position: absolute; right: 43px; bottom:40px; color: #999;}
.login .lgfor:hover{ color: #000; }
.login .errormsg{ left: 0; border-bottom: -24px; }
.login .yzm{ z-index: 2; position: absolute; right: 0; top: 10px; }
.login .btn{ width: 100%; border:none;  }

.forget{ background: #fff; margin: 120px auto 50px; border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05) }
.forget .fgtil{ font-size: 20px; line-height: 32px; color: #333; padding: 26px 0 26px 40px; border-bottom: 1px solid #eee; }
.forget .lines{ padding: 20px 0 60px; }
.forget .line{ position: relative; margin-bottom: 20px; padding-left:270px;  }
.forget .line:after{ content: ""; display: block; clear: both; }
.forget .ado{ position: absolute; left: 0; top: 0; width: 260px; text-align: right; line-height: 42px;}
.forget .linet{ line-height: 42px; }
.forget .ctrol{ display: block; float: left; height: 40px; border:1px solid #E5E5E4; border-radius: 4px; width: 340px; padding-left: 10px; }
.forget .ctrol_error{ border-color: #FF5256; }
.forget .btn_yzm{ float: left; margin-left: 20px; background: #f5f5f5; color: #333; width: 130px; font-size: 14px; }
.forget .btn_yzm:hover{ box-shadow: none; }
.forget .linea{ padding-top: 20px; }
.forget .errormsg{ left: 620px; top: 8px; }
.forget .lineb .errormsg{ left: 780px; }
.forget .fgst{ padding:180px 0; text-align: center; font-size: 28px; line-height: 36px; }
.forget .fgsti{ margin-right: 20px; }

.index{ padding: 120px 0 30px; }
.index .idl{width:874px; height:588px; float: left; }
.index .idlt{ padding: 50px 0; }
.index .idlti{ height: 80px; width: 80px; margin-right: 30px; }
.index .idln{ text-align: center; font-size: 24px; line-height: 36px; padding: 0 0 5px; }
.index .idllev{ color: #999; text-align: center;}
.index .idllevi{ margin-right: 10px; }
.index .idlbls{ width: 306px; float: left; padding-left: 130px; height: 80px; position: relative; }
.index .idlblsi{ position: absolute; left: 48px; top: 8px;  }
.index .idlblst{ color: #9FA3AC; }
.index .idlblsv{ font-size: 20px; line-height: 36px;}
.index .idr{ float: right; width: 296px; }
.index .idrls{ position: relative; width:176px; height:110px; padding-left: 120px;  background:rgba(255,255,255,1); border-radius: 4px; margin-bottom: 30px;  box-shadow:0px 0px 15px rgba(0,0,0,0.05) }
.index .idrlsa{ height:168px; }
.index .idrls:nth-last-child(1){ margin-bottom: 0; }
.index .idrlsi{ position: absolute; left: 40px; top: 50%; margin-top: -20px; }
.index .idrlst{ color: #999; padding-top: 24px; }
.index .idrlsv{ font-size: 28px; line-height: 40px; font-weight: bold; color: #666; }
.index .btn_idr{ width: 100px; margin-top: 20px; }
.index .iinfo{background:rgba(255,255,255,1); border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05); height: 352px;}
.index .idltf{ display: inline-block; vertical-align: middle; }
.index .igg{ height: 178px; padding: 28px 30px 0; background:rgba(255,255,255,1); border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05); margin-top: 30px;}
.index .iggt{ font-size: 16px; padding-bottom: 10px; }
.index .iggls{ position: relative;line-height: 32px; font-size: 14px; color: #666; display: block; }
.index .iggls:before{ content: ""; display: block; height: 3px; width: 3px; background: #4C84FF; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.index .iggls:hover{ color: #4C84FF; }
.index .iggls:hover .iggtm{ color: #4C84FF; }
.index .iggte{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 560px; padding-left: 10px; }
.index .iggtm{ color: #999; position: absolute; right: 0; top: 0; }


.vipreg{ background: #fff; margin: 120px auto 50px; border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05)}
.vipreg .fgtil{ font-size: 20px; line-height: 32px; color: #333; padding: 26px 0 26px 40px; border-bottom: 1px solid #eee;}
.vipreg .errormsg{ left: 620px; top: 8px; }
.vipreg .ferra .errormsg{ left: 990px; }

.personal{ padding: 80px 0 30px;}
.personal .pl{ width: 585px; float: left;}
.personal .pltil{ font-size: 16px; color: #666; padding: 20px 0; }
.personal .infom{width:585px;height:518px; background:rgba(255,255,255,1);border-radius: 4px;box-shadow:0px 0px 15px rgba(0,0,0,0.05) }
.personal .pl .fline{ padding-left: 165px; }
.personal .pl .ado{ width: 155px; }
.personal .pl .errormsg{ left: auto; right: 90px; top: 8px; }
.personal .pr{ width: 585px; float: right; }
.personal .prbox{width:525px; height:518px; padding: 0 30px;  background:rgba(255,255,255,1); border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05) }
.personal .prls{ height: 100px; border-bottom: 1px solid #eee; position: relative; line-height: 100px; padding-left: 105px; }
.personal .prlsi{ position: absolute; left: 40px; top: 34px; }
.personal .prlste{ font-size: 16px; color: #666; font-weight: bold; }
.personal .prlsst{ position: absolute; right: 0; top: 0; color: #4C84FF; }


.backcard{ margin: 120px auto 30px; padding: 30px 0 20px 40px; width: 1160px; min-height:460px; background:rgba(255,255,255,1);border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05) }
.backcard .btil{ line-height: 60px; font-size: 20px; }
.backcard .btilt{ color: #666; font-size: 12px; margin-left: 10px; }
.backcard .btilc{ color: #4C84FF; margin: 0 5px; }
.backcard .list{ overflow: hidden; }
.backcard .item{ float: left; position: relative; border:2px solid #eee; border-radius: 4px; width: 356px; height: 160px; background: #fff; margin: 0 20px 20px 0; }
.backcard .item:hover{background:rgba(251,251,251,1); border-radius: 4px; box-shadow:2px 0px 12px rgba(76,132,255,0.2); border-color: #4C84FF;}
.backcard .item_til{ line-height: 48px; background: #fcfcfc; font-size:18px; padding-left: 20px; margin-bottom: 10px;  }
.backcard .item_name{ color: #666; padding: 5px 0 0 20px; }
.backcard .item_do{ position: absolute; right: 0; bottom: 0; padding: 0 20px 5px 0; }
.backcard .item_dos{ display: block; float: left; margin-left: 30px; position: relative; color: #666; }
.backcard .item_ico{ height: 16px; margin-right: 5px; }
.backcard .item_dos:hover{ color: #4C84FF; }
.backcard .addcard{float: left; position: relative; border:2px dashed #eee; border-radius: 4px; width: 356px; height: 120px; padding-top: 40px; background: #FBFBFB; margin: 0 20px 20px 0;}
.backcard .addcard_i{ display: block; margin: 0 auto; }
.backcard .addcard_t{ font-size: 16px; color: #ccc; padding-top: 10px; }
.backcard .addcard:hover{background:rgba(251,251,251,1); border-radius: 4px; box-shadow:2px 0px 12px rgba(76,132,255,0.2); border-color: #4C84FF; }

.padress{ margin: 120px auto 30px; padding: 30px 0 20px 40px; width: 1160px; min-height:460px; background:rgba(255,255,255,1);border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05); }
.padress .btil{ line-height: 60px; font-size: 20px; }
.padress .btilt{ color: #666; font-size: 12px; margin-left: 10px; }
.padress .btilc{ color: #4C84FF; margin: 0 5px; }
.padress .list{ overflow: hidden; }
.padress .item{ float: left; position: relative; border:2px solid #eee; background: #fff; border-radius: 4px; width: 356px; height: 160px; background: #fff; margin: 0 20px 20px 0; }
.padress .item:hover,.padress .item_default{ border-radius: 4px; box-shadow:2px 0px 12px rgba(76,132,255,0.2); border-color: #4C84FF;}
.padress .item_def{ display: none; }
.padress .item_default .item_def{ position: absolute; right: 0; bottom: 0; background: #4C84FF; color: #fff; font-size: 12px; line-height: 18px; padding: 0 5px; display: block; }
.padress .item_til{ line-height: 48px; background: #fcfcfc; font-size:18px; padding-left: 20px; margin-bottom: 10px;  }
.padress .item_name{ color: #666; padding: 5px 0 10px 40px; position: relative; line-height: 20px; }
.padress .item_ico{ height: 16px; margin-right: 5px; position: absolute; left: 20px; top: 7px; }
.padress .item_deal{ position: absolute; right: 0; top: 0; height: 48px; width: 48px; cursor: pointer; overflow: hidden; background: url(../images/icon_more.png) no-repeat center center; }
.padress .item_deal:hover{ background-image: url(../images/icon_moreh.png); overflow: visible; }
.padress .item_do{ position: absolute; right: 20px; top: 58px; opacity: 0; background:rgba(255,255,255,1); border-radius: 2px;  box-shadow:4px 4px 12px rgba(0,0,0,0.06); transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s;  }
.padress .item_dos{ display: block; position: relative; color: #666; white-space: nowrap; line-height: 36px; padding: 0 20px; }
.padress .item_dos:hover{ color: #4C84FF;background:rgba(246,246,246,1); }
.padress .item_deal:hover .item_do{  top: 40px; opacity: 1; }
.padress .addadr{float: left; position: relative; border:2px dashed #eee; border-radius: 4px; width: 356px; height: 130px; padding-top: 30px; background: #FBFBFB; margin: 0 20px 20px 0;}
.padress .addadr_i{ display: block; margin: 0 auto; }
.padress .addadr_t{ font-size: 16px; color: #ccc; padding-top: 10px; }
.padress .addadr:hover{background:rgba(251,251,251,1); border-radius: 4px; box-shadow:2px 0px 12px rgba(76,132,255,0.2); border-color: #4C84FF; }
.adresspop .ctrol_select{ width: 120px; margin-right: 10px; float: left; }


.porder{margin: 120px auto 30px; padding: 30px 40px 20px 40px; width: 1160px; min-height:460px; background:rgba(255,255,255,1);border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05);}
.porder .btil{ line-height: 60px; font-size: 20px; }
.porder .btilt{ color: #666; font-size: 12px; margin-left: 10px; }
.porder .btilc{ color: #4C84FF; margin: 0 5px; }
.porder .list{ overflow: hidden; }
.porder .item{position: relative; border:2px solid #eee; background: #fff; border-radius: 4px; background: #fff; margin: 0 0 20px 0;}
.porder .til{line-height: 50px; background: #fcfcfc; padding-left: 20px; color: #999;}
.porder .infos{ line-height: 18px; }
.porder .item_sp{ padding: 25px 30px 20px 30px; float: left; }
.porder .wa{ width: 180px; }
.porder .wb{ width: 120px;}
.porder .wc{ width: 160px;}
.porder .wd{ width: 160px;}
.porder .we{ width: 200px; float: right; text-align: right;}
.porder .item_line{ padding-bottom: 10px;}
.porder .item_adr{ position: relative;}
.porder .item_adri{ color: #4C84FF; cursor: pointer;}
.porder .item_adrp{ display: none; position: absolute; left: 50%; margin-left: -130px; z-index: 3; bottom: 22px; background: #fff; width: 220px; padding: 16px 20px;border-radius: 3px; box-shadow:2px 2px 8px rgba(0,0,0,0.1); color: #666; line-height: 24px; }
.porder .item_adrp:after{ content: ""; display: block; width: 0; height: 0;border-style: solid; border-width: 10px; border-color: #fff transparent transparent; position: absolute; left: 50%; bottom: -14px; margin-left: -10px; }
.porder .item_adr:hover .item_adrp{ display: block; }
.porder .item .btn{ float: right;}
.porder .item_line_adr{ position: relative; z-index: 3;}

.order_st{ background: #fff; margin: 120px auto 50px; border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05) }
.order_st .odtil{ font-size: 20px; line-height: 32px; color: #333; padding: 26px 0 26px 40px; border-bottom: 1px solid #eee; position: relative; }
.order_st .odst{ padding:180px 0; text-align: center; font-size: 28px; line-height: 36px; }
.order_st .odsti{ margin-left: 20px; display: inline-block; vertical-align: middle; text-align: left; }
.order_st .odstii{ font-size: 14px; color: #999; }

.tixian .fc{ color: #4C84FF; }
.tixian .fsa{ font-size: 16px; }


.jifen{margin: 120px auto 30px; padding: 30px 40px 20px; width: 1120px; background:rgba(255,255,255,1);border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05);}
.jifentop{ display: none; }
.jifen .btil{ line-height: 60px; font-size: 20px; position: relative;}
.jifen .btilt{ color: #666; font-size: 12px; margin-left: 10px; }
.jifen .btilc{ color: #4C84FF; margin: 0 5px; }
.jifen .list{ min-height:360px;}
.jifen .drowline_wap,.jifen .wapi{ display: none; }
.jifen .jfth{ height: 53px; background: #F9F9F9; padding: 17px 0 0 40px; line-height: 36px; color: #666;}
.jifen .wa{ width: 180px; }
.jifen .wb{ width: 190px; }
.jifen .wc{ width: 145px; }
.jifen .wd{ width: 140px; }
.jifen .we{ width: 140px; }
.jifen .wf{ width: 128px; }
.jifen .wg{ width: 110px; }
.jifen .shai{ position: absolute; right: 0px; top: 12px; }
.jifen .drowbox{ float: left; font-size: 14px; height: 34px; width: 108px; cursor: pointer; border:1px solid #eee; border-radius: 4px; position: relative;  }
.jifen .drowbox:hover{ box-shadow:0px 0px 8px rgba(0,0,0,0.06); background: #fff; border:1px solid #eee;}
.jifen .drowopt{line-height: 34px; padding-left: 10px; position: relative; z-index: 2; height: 36px; border-radius: 4px 4px 0 0;}
.jifen .drowopt:after{ content: ""; display: inline-block; width: 9px; height: 6px; position: relative; margin-left: 4px; top: -1px; background: url(../images/icon_dropa.png) no-repeat left top; }
.jifen .drowbox:hover .drowopt{ background: #fff; position: relative; z-index: 2; height: 38px; }
.jifen .drowbox:hover .drowopt:after{ background-position: left bottom; }
.jifen .drowmenu{ display: none; position: absolute; z-index: 1;top: 36px; left: -1px; border: 1px solid #eee; width: 108px; box-shadow:0px 0px 8px rgba(0,0,0,0.06); background: #fff; }
.jifen .drowbox:hover .drowmenu{ display: block; box-shadow:0px 0px 8px rgba(0,0,0,0.06);}
.jifen .drowmenua{ width: 250px; padding: 10px; }
.jifen .drowls{ display: block; line-height: 36px; padding-left: 10px; color: #666; }
.jifen .drowls:hover{ background: #F6F6F6; color: #4C84FF; }
.jifen .drowline{ float: left; margin: 0 10px;}
.jifen .ctrol{ display: block; float: left; width: 110px; border:1px solid #E5E5E4; cursor: pointer; border-radius: 4px; height: 36px; padding-left: 10px;  }
.jifen .ctroltime{ display: block; float: left; width: 140px; border:1px solid #E5E5E4; cursor: pointer; border-radius: 4px; height: 36px; padding-left: 10px; font-size: 12
;}
.jifen .drowsp{ display: block; float: left; padding: 0 10px; color: #999; line-height: 36px;}
.jifen .drowbox .btn{ width: 80px;  }
.jifen .item{ height: 46px; border-top: 1px solid #eee; color: #999; padding: 23px 40px 0; }
.jifen .val{}
.jifen .valblue{ color: #4C84FF; }
.jifen .valred{ color: #FF5256; }
.jifen .item .wf{ padding-left: 10px; width: 118px; }
.jifen .item .wg{ padding-left: 10px; width: 100px; }
.jifen .shai .btn{ float: left; line-height: 36px; width: 80px; }
.page{ overflow: hidden; padding-bottom: 30px; }
.page .pagecont{ overflow: hidden; float: left; border:1px solid #eee; overflow: hidden; border-radius: 6px;}
.page .pagels{ float: left; border-right: 1px solid #eee; line-height: 30px; padding: 0 13px; color: #666; }
.page .pagels:hover{ text-decoration: underline; }
.page .pagels-active{ background: #4C84FF; color: #fff; }
.botmore{ display: none; }
/*.ui-datepicker{ margin-top: -120px; }*/

.ppay{ padding-bottom: 150px; }
.ppay .wap{ display: none; }
.ppay .pp_mon{ position: absolute; right: 40px; line-height: 32px; top: 26px; }
.ppay .pp_num{color: #4C84FF; font-size: 24px;}
.ppay .pp_list{ overflow: hidden; padding: 40px 0 100px 40px; }
.ppay .pp_lse{ display: block; float: left; text-align: center; border-radius: 4px; border:1px solid #eee; margin-right: 38px; }
.ppay .pp_lse_ac{ border-color: #4C84FF; }
.ppay .pp_btn{ margin: 0 auto; }

.gonggao{margin: 120px auto 30px; padding: 0 0 20px; width: 1120px; min-height:460px; background:rgba(255,255,255,1);border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05);}
.gonggao .til{ font-size: 24px; line-height: 40px; color: #666; padding: 40px 40px 20px; }
.gonggao .time{ font-size: 16px; color: #999; padding-bottom: 30px; border-bottom: 1px solid #eee; }
.gonggao .fuwen{ padding: 30px 40px 50px; color: #666; }

